<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示属性</title>	
		<style>
			#taiyi{
				width: 300px;
				height: 300px;
				background-image: url(./img/太乙真人.png);
				background-size: 100% 100%;
				/* 元素消失：左栏，移除消失：盒模型在页面不存在 */
				display: none;
				display:block;/* 默认 */
				/* 元素隐藏：消失效果【隐藏】，盒模型在页面存在 */
				visibility: hidden;
				visibility: visible;/* 默认 */
				/* 以上两个属性均可以实现显示与隐藏效果 */
			}
			#shengongbao{
				width: 300px;
				height: 300px;
				background-image: url(./img/申公豹.png);
				background-size: 100% 100%;
				/* 光标属性：用户体验，鼠标移动区域呈现用户体验效果 */
				cursor: pointer;/* 手指效果：超链接 */ 
				cursor:crosshair;/* 十字基准线：拉选区 */
				cursor: text;/* 文本：复制 */
				cursor:wait;/*等待 沙漏 */
				cursor:help;/* 帮助 */
			}
		</style>
	</head>
	<body>
		<!-- 显示属性--盒模型：元素存在于盒子中【块，行，行内块】，针对盒子提供显示效果
		     display显示属性： none/block/inline【元素消失/转块/转行】
			 visibility显示属性：hidden/visibile【元素隐藏/元素显示】
		 -->
		 你打我噻<div id="taiyi"></div>
		 人心中的成见是一座大山<div id="shengongbao"></div>
	</body>
</html>